import React,{Component} from 'react'
import img1 from './img/1.png'
import img2 from './img/2.png'
import img3 from './img/3.png'
import img4 from './img/4.png'
import img5 from './img/5.png'
import img6 from './img/6.png'
import img7 from './img/7.png'
import img8 from './img/8.png'
import img9 from './img/9.png'
import './css/all.css'

class Top extends Component{
	constructor(){
		super()
		this.state={
			arr:[{name:'私人FM',url:img1},
				 {name:'最新电音',url:img2},
				 {name:'Sati空间',url:img3},
				 {name:'私藏推荐',url:img4},
				 {name:'亲子频道',url:img5},
				 {name:'古典专区',url:img6},
				 {name:'跑步FM',url:img7},
				 {name:'小冰电台',url:img8},
				 {name:'驾驶模式',url:img9},]
		}
	}
	render(){
		return(
		<div className='tab'>
			{this.state.arr.map(function(item,i){
				return (
				<li key={i}>
					<img src={item.url}/>
					<span>{item.name}</span>
				</li>
				)
			})}
		</div>)
	}
}
export default Top